<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/detail.css"/>
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shopping_car.css"/>
	</head>
	<body>
		<div id="head">
			<div class="container">
				<div class="logo">
					<a href="http://localhost:8080/html/index.html">
						<img src="../static/img/nubia-logo.png" alt="">
					</a>
				</div>
		
				<div class="nav">
					<ul>
						<li><a href="">商城</a></li>
						<li class="banner_list" lab="banner_one"><a href="">手机</a></li>
						<li class="banner_list" lab="banner_two"><a href="">红魔手机</a></li>
						<li class="banner_list" lab="banner_three"><a href="">配件</a></li>
						<li class="banner_list" lab="banner_four"><a href="">摄影</a></li>
						<li><a href="">服务</a></li>
						<li><a href="">体验店</a></li>
						<li><a href="">社区</a></li>
						<li class="banner_list" lab="banner_five"><a href="">nubia UI</a></li>
					</ul>
				</div>
		
				<div class="search">
					<form action="" method="">
						<input type="text" name="" id="" value="" placeholder="红魔3" />
						<button type="button"><i class="iconfont icon-APPtubiao-"></i></button>
					</form>
				</div>
		
				<div class="box_cont">
					<div class="login">
						
						<a class="login_btn" href="http://localhost:8080/html/login.html">
							<i class="iconfont icon-denglu"></i>
						</a>
						<div class="login_box">
							<b class="jiaobiao"></b>
							<ul>
								<li class="yonghuming newstyle">
									<a href="http://localhost:8080/html/login.html" class="user_login_btn">立即登录</a>
									<p><span>没有账号？</span><a href="http://localhost:8080/html/sign.html" class="user_sign_btn">立即注册</a></p>
								</li>
								<li><a href=""><i class="iconfont icon-gerenzhongxin"></i>个人中心</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-liwu"></i>我的订单</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-xinyongqia"></i>我的优惠券</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-shoucang"></i>我的收藏</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-yuyue"></i>我的预约</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-xinjian"></i>收货地址</a></li>
								<li class="divider"></li>
								<li class="tuichu" style="display: none;"><a href=""><i class="iconfont icon-denglu"></i>退出</a></li>
							</ul>
						</div>
					</div>
		
					<div class="shopcar">
						<a href="http://localhost:8080/html/shopping_car.html" class="shopping_car_btn">
							<i class="iconfont icon-qicheqianlian-1-copy"></i>
							<span id="shop_count"></span>
						</a>
						<div class="shopcar_box">
							<b class="jiaobiao"></b>
							<div class="shopcar_box_cont">
								<p class="shopcar_ico">
									<i class="iconfont icon-qicheqianlian-1-copy"></i>
								</p>
								<p>您的购物车还是空的，赶紧行动吧！</p>
								
							</div>
						</div>
					</div>
				</div>
			</div>
		
			<div class="banner_list">
				<div class="head_banner banner_one">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156525288896.png" alt="">
								</a>
								<p>
									<a href="">Z20</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516875510.png" alt="">
								</a>
								<p>
									<a href="">红魔3</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516876792.png" alt="">
								</a>
								<p>
									<a href="">努比亚阿尔法</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/155470065110.png" alt="">
								</a>
								<p>
									<a href="">红魔Mars</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/155470065110.png" alt="">
								</a>
								<p>
									<a href="">X</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/154745219020.png" alt="">
								</a>
								<p>
									<a href="">Z18</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/153690693445.png" alt="">
								</a>
								<p>
									<a href="">Z18mini</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="" alt="">
								</a>
							</li>
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_two">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516875510.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/154745219020.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_three">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_four">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
		
				<div class="head_banner banner_five">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>
		
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<div id="empty_car" style="display: none;">
			<div class="swap clear">
				<div class="swap_left fl">
					<h1>您的购物车还是空的赶紧行动吧！</h1>
					<a href="http://localhost:8080/html/index.html">马上去购物</a>
				</div>
				<div class="swap_right fl">
					
				</div>
			</div>
		</div>
			
		<div id="shopping_car">
			<div class="container">
				<div class="progress_bg"></div>
				
				<table>
					<thead>
						<tr>
							<th class="_comm">商品</th>
							<th class="_name"></th>
							<th class="_price">单价</th>
							<th class="_count">数量</th>
							<th class="_subt">小计</th>
							<th class="_oper">操作</th>
						</tr>
					</thead>
					<tbody class="shop_tab">
						
						<!-- 
						<tr>
							<td  class="_comm">
								<img src="//oss.static.nubia.cn/active/5cc5098616ecf44.png?imageView2/2/w/100/h/100/format/png" alt="">
							</td>
							<td  class="_name">
								<p>红魔3( 8GB+128GB 玄铁黑)</p>
							</td>
							<td class="_price">
								<p>￥2999</p>
							</td>
							<td class="_count">
								<div class="count_btn" >
									<div class="red" shop_no="">-</div>
									<div class="count_number">1</div>
									<div class="add" shop_no="">+</div>
								</div>
							</td>
							<td class="_subt">
								<p>￥2999</p>
							</td>
							<td class="_oper">
								<button type="button" shop_no="">X</button>
							</td>
						</tr>
						
						
						<tr class="subtotal">
							<td colspan="2"></td>
							<td colspan="2" class="total">
								<p>合计(不含运费):</p>
							</td>
							<td colspan="2" class="total_price">
								<p>￥2999</p>
							</td>
						</tr> -->
					</tbody>
					<tfoot>
						<tr class="sub_tr">
							<td colspan="6">
								<a href="">继续购物</a>
								<a href="">立即结算</a>
							</td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
			
		<div id="main_bottom">
			<div class="tiaokuan">
				<div class="tk_box">
					<a href="">七天无理由退货</a>
					<a href="">七天无理由退货</a>
					<a href="">七天无理由退货</a>
					<a href="">七天无理由退货</a>
				</div>
			</div>
		</div>
		
		<div id="foot">
			<div class="container">
				<dl>
					<dt>关于我们</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
					<dd><a href="">企业购</a></dd>
					<dd><a href="">友情链接</a></dd>
					<dd><a href="">合作伙伴</a></dd>
				</dl>
				<dl>
					<dt>手机</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
					<dd><a href="">企业购</a></dd>
				</dl>
				<dl>
					<dt>配件</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
				</dl>
				<dl>
					<dt>服务中心</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
				</dl>
				<dl>
					<dt>全国服务热线</dt>
					<dd><a href=""><p><i class="iconfont icon-dianhua"></i>400-700-6600</p></a></dd>
					<dd><p class="foot_color">周一到周日 8:30-20:30</p></dd>
					<dd><p class="foot_color">(全年无休)</p></dd>
					<dd><a class="foot_kefu" href=""><img src="../static/img/kefu.png" ></a></dd>
				</dl>
			</div>
		</div>
		
		<div id="copyright">
			<div class="container">
				<div class="foot_logo">
					<a href="">
						<img src="../static/img/nubia-logo-x2.png" alt="">
					</a>
				</div>
				<div class="foot_ww clear">
					<a href="" class="fl">
						<img src="../static/img/weibo_img.png" >
					</a>
					<a href="" class="fr">
						<img src="../static/img/weixin_img.png" >
					</a>
				</div>
				<div class="foot_links">
					<span>2012-2019 努比亚技术有限公司 版权所有</span>|
					<a href="">隐私政策</a>|
					<a href="">关于Cookie</a>
					<a href=""><span></span>简体中文</a>
				</div>
				<div class="foot_beian">
					<a href=""> 粤ICP备10006213号</a>
					<a href="">ICP经营许可证编号：粤B2-20120688</a>
					<a href="">粤公网安备 44030502000309号  </a>
				</div>
				<div class="foot_renzheng">
					<a href="">
						<img src="../static/img/kexing_img.png" alt="">
					</a>
				</div>
			</div>
		</div>
	</body>
	<script src="../static/lib/require.js" data-main="../js/shoppingcar_main.js" type="text/javascript" charset="utf-8"></script>
</html>
